<template>
  <div>
    <component
    v-for="(view,index) in views" :key="index"
    :is="view.component"
    :view="view"
    >
         <!-- {{view.component}}123 -->
    </component>
<!-- {{views[0].TextComponent.component}}123 -->
    <!-- <text-component></text-component> -->
  </div>
</template>

<script>
import TextComponent from './dynamic/TextComponent.vue';
export default {
  name: "DynamicDraw",
  props:["views"],
  data() {
    return {};
  },
  methods:{
    // receiveViews(views){
    //     console.log(views);
    // },
  },
  mounted() {
    // this.$bus.$on("giveViews", this.receiveViews);
  },
  components:{
    TextComponent
  },
};
</script>

<style scoped>
</style>